<!DOCTYPE html>

<head>

user-scalable=no">

<title>@rynnnx's WebSite — AFID-H7 Lorebook</title>

<style>

@import

url('https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&display=swap'

);

* { box-sizing: border-box; margin: 0; padding: 0; }

body {

background: #2a322c;

background-image: linear-gradient(145deg, #2a322c 0%, #1e2620 100%);

min-height: 100vh;

display: flex;

justify-content: center;

align-items: center;

padding: 14px;

font-family: 'Share Tech Mono', 'VT323', monospace;

color: #2a332c;

}

.window {

width: 100%;

max-width: 920px;

background: #c8d4c6;

border: 4px solid #7a8f78;

border-radius: 6px;

box-shadow: 0 10px 28px rgba(0,0,0,0.4);

overflow: hidden;

display: flex;

flex-direction: column;

}

.title-bar {

background: #1e2a22;

color: #d8e6d4;

padding: 7px 12px;

font-size: 13.5px;

display: flex;

align-items: center;

gap: 8px;

letter-spacing: 0.3px;

}

.title-bar .play { color: #a8c0a4; }

.tabs {

background: #d4e0d2;

display: flex;

padding: 0 8px;

gap: 2px;

border-bottom: 1px solid #8a9e88;

}

.tab {

background: #e4eee2;

padding: 7px 14px 6px;

font-size: 13px;

cursor: pointer;

border: 1px solid #9aae98;

border-bottom: none;

border-radius: 4px 4px 0 0;

color: #3a4a38;

position: relative;

top: 1px;

white-space: nowrap;

}

.tab.active {

background: #f4faf2;

color: #1a2a18;

border-color: #7a8f78;

z-index: 2;

}

.toolbar {

background: #e4eee2;

border-bottom: 1px solid #b0c4ae;

padding: 3px 8px;

font-size: 11px;

color: #4a5a48;

display: flex;

flex-wrap: wrap;

gap: 6px 12px;

}

.content {

background: #f4faf2;

padding: 10px;

min-height: 470px;

max-height: 560px;

overflow-y: auto;

}

.tab-panel { display: none; }

.tab-panel.active { display: block; }

.box {

background: #fff;

border: 1px solid #9aae98;

padding: 8px;

}

.box-header {

background: #dce8da;

border: 1px solid #8a9e88;

padding: 3px 8px;

font-size: 13px;

margin: -8px -8px 8px;

display: flex;

justify-content: space-between;

align-items: center;

}

.lore {

font-size: 12.6px;

line-height: 1.52;

}

.lore p { margin-bottom: 9px; }

.lore p:last-child { margin-bottom: 0; }

.home-layout {

display: grid;

grid-template-columns: 210px 1fr 210px;

gap: 10px;

}

@media (max-width: 780px) {

.home-layout { grid-template-columns: 1fr; }

}

.origin-layout {

display: grid;

grid-template-columns: 200px 1fr;

gap: 12px;

}

@media (max-width: 680px) {

.origin-layout { grid-template-columns: 1fr; }

}

.avatar-side {

display: flex;

flex-direction: column;

gap: 8px;

}

.avatar-side img {

width: 100%;

border: 1px solid #7a8f78;

object-fit: cover;

}

.handle {

background: #dce8da;

border: 1px solid #8a9e88;

text-align: center;

padding: 4px;

font-size: 13px;

}

.status-face {

font-family: 'VT323', monospace;

font-size: 26px;

text-align: center;

letter-spacing: 1px;

}

.player {

background: #fff;

border: 1px solid #9aae98;

padding: 6px;

font-size: 11.5px;

}

.player .progress {

height: 5px;

background: #c8d4c6;

margin: 4px 0;

}

.player .progress-bar {

height: 100%;

width: 38%;

background: #6a8068;

}

.field-layout {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 10px;

}

@media (max-width: 600px) {

.field-layout { grid-template-columns: 1fr; }

}

.status-bar {

background: #d4e0d2;

border-top: 1px solid #9aae98;

padding: 6px 12px;

font-size: 13px;

display: flex;

flex-wrap: wrap;

align-items: center;

gap: 10px;

}

.status-bar .site { font-weight: bold; }

.login {

display: flex;

align-items: center;

gap: 6px;

margin-left: auto;

}

.login input {

width: 80px;

padding: 2px 4px;

border: 1px solid #8a9e88;

background: #fff;

font-family: inherit;

font-size: 12px;

}

.song-bar {

background: #c8d4c6;

border-top: 1px solid #9aae98;

padding: 5px 12px;

font-size: 12px;

display: flex;

justify-content: space-between;

gap: 12px;

flex-wrap: wrap;

}

@media (max-width: 520px) {

body { padding: 8px; }

.title-bar { font-size: 12px; }

.tab { padding: 6px 11px; font-size: 12px; }

.login { margin-left: 0; width: 100%; justify-content: flex-end; }

}

</style>

</head>

<body>

<span>the world ended five years ago but we still have each other ◕‿◕ ✧</span>

</div>

<div class="tab active" data-tab="world">World</div>

<div class="tab" data-tab="origin">Origin</div>

<div class="tab" data-tab="field">Field Guide</div>

</div>

</div>

<div>

<div class="box-header">Five Years After <span>▾</span></div>

The world ended five years ago.<br><br>

Civilian governments did not vanish overnight. They fractured into emergency

administrations, surviving military commands, private military contractors, corporate security

groups, local militias, and self-declared city-states.<br><br>

National governments still exist in fragments — connected through hardened networks,

bunkers, naval vessels and regional command centers — but their authority is inconsistent

outside their own walls.

</div>

<div class="box-header">The Landscape <span>▾</span></div>

Major cities are graveyards of abandoned vehicles, collapsed buildings, feral animals,

and infected trapped in dark interiors.<br><br>

Rural areas are not safe; they are simply quieter. Wildlife carries the infection. Migration

routes became death corridors. Every abandoned home may contain someone who turned

behind a locked door.

</div>

<div class="box-header">Outbreak Timeline</div>

<p><strong>Year Zero — The First Winter</strong><br>

Violent neurological illness, unexplained attacks, emergency quarantines. Governments

blamed drugs, terrorism, panic. By the time the truth was admitted, hospitals had become

amplifiers and evacuation routes had already spread the exposed across regions.</p>

<p>The first three months destroyed any illusion of organized response. Police ran out

of ammunition. Hospitals lost power. Emergency shelters became mass graves after screening

failures. Highways, airports and ports turned into choke points of abandoned vehicles and

bodies.</p>

<p><strong>Year One</strong> — National governments fractured. Some military units

stayed loyal; others became regional powers. Private military companies received emergency

contracts to guard research sites, run quarantines and protect supply corridors.</p>

<p><strong>Year Two</strong> — Cities were largely lost. The living withdrew into

fortified districts, ships, mountain facilities and industrial compounds. The infected adapted to

the ruins.</p>

<p><strong>Year Five</strong> — The world is not rebuilding. It is enduring.</p>

</div>

<div>

<div class="box-header">Survival Reality</div>

Electricity is rare and localized.<br>

Fuel is currency.<br>

Antibiotics, clean water filters, batteries, ammunition, trauma supplies, radios and

preserved food are worth more than cash.<br><br>

Most survivors travel in small groups, avoid unnecessary gunfire, and treat every injury

as a possible death sentence.

</div>

No one says “safe zone” without irony.<br><br>

Protection always has a cost.

</div>

<img

src="https://images.unsplash.com/photo-1518531933037-91b2f5f229cc?w=500&h=400&fit=cro

p" alt="rainy greenery">

<div class="handle">AFID-H7 // classified</div>

<strong>now playing:</strong><br>

tonight is the night i die<br>

<em>“…are you still listening?”</em>

</div>

<div>

<span>Origin — AFID-H7</span>

<span style="font-size:11px;">Aegis Frontier Biomedical</span>

</div>

AFID-H7 began as a targeted gene-delivery platform intended to reduce breast-cancer

risk in high-risk patients. It was designed to correct faulty cellular signaling patterns before

tumors could form.<br><br>

The delivery system failed to remain confined to the intended tissue. In a catastrophic

interaction with a dormant symbiotic microorganism used to stabilize the treatment, it became a

microscopic parasitic colony capable of reproducing inside human tissue.<br><br>

Officially called an “inflammatory neurological syndrome.” Internally: <em>Adaptive

Feeding Intracranial Development, H7</em>.

</div>

<div class="box-header">How It Works</div>

Once inside, spore-like cysts travel through lymphatic tissue and blood, accumulate

near nerves, and migrate toward the brain. The colony hijacks the host’s metabolism —

redirecting glucose, oxygen, proteins, iron and repair cells to infected neural tissue.<br><br>

The host becomes malnourished despite eating. Skin loses color. Wounds stop healing.

Muscles deteriorate. Blood vessels rupture under the skin. The body appears to rot while the

parasite starves it from within.<br><br>

Inside the brain it colonizes the brain stem and limbic system, destroying higher

reasoning while leaving predatory attention, reflexes and the drive to bite intact. An infected

person is alive until terminal organ failure. They do not need to die to transform.

</div>

<div class="box-header">Transmission</div>

Spreads through infected saliva, blood, neural tissue and contaminated fresh wounds.

Bites are the primary route. Scratches can transmit if fluid enters the wound. Intact skin is safe.

Dried stains are usually low-risk unless rehydrated into an open injury.<br><br>

Mammals are especially vulnerable. Dogs, deer, rats, horses and livestock become

major vectors. A head or neck bite is almost always fatal. Amputation is unreliable and rarely

permitted in safe zones.

</div>

<div class="box-header">Clinical Stages</div>

<strong>1. Inoculation</strong><br>

Wound burns, becomes hot, swollen and darkly veined. Pressure behind the eyes,

ringing ears, metallic taste, sudden thirst.<br><br>

<strong>2. Systemic Crash</strong><br>

Rapid fever, heavy sweating, chills, vomiting, light/noise sensitivity, irregular pulse. Fear,

irritability or detachment appear.<br><br>

<strong>3. Neural Invasion</strong><br>

Speech fragments. Fine motor control fails. Fixation on sounds, people or the smell of

blood. Personality still present but interrupted.<br><br>

<strong>4. Blackout</strong><br>

Neurological overload — collapse, seizures or stillness. Loved ones often believe the

victim is dead or recovering.<br><br>

<strong>5. Re-emergence</strong><br>

Recognition inconsistent. Language reduced to fragments or screams. Hunger becomes

pathogen-driven compulsion toward living biomass.<br><br>

<strong>6. Conversion</strong><br>

Biologically alive, neurologically devastated. May retain old habits — trying door

handles, returning to familiar places — without understanding them.

</div>

<div class="box-header">Bite Progression</div>

Times are estimates only. Depth, blood loss, condition and location change everything.

Treat every bite as fatal until proven otherwise.<br><br>

Unconscious within 0–4 hours. Full conversion 6–12 hours. Survival almost unheard

of.<br><br>

<strong>Arm / Shoulder / Upper torso</strong><br>

Unconscious 5–13 hours. Conversion 12–24 hours. Immediate isolation required. Field

amputation is unreliable and often fatal from shock or blood loss.<br><br>

<strong>Leg / Foot / Lower body</strong><br>

Unconscious 13–29 hours. Conversion 25–49 hours. Longest window — enough time to

travel or say goodbye, never enough to guarantee safety.<br><br>

Arterial damage, multiple bites, or bites from freshly turned infected accelerate the

process dramatically.

</div>

<div class="box-header">Infected Behavior & Variants</div>

The infected are living hosts with catastrophic neurological damage. Not mindless, but

no longer human in any meaningful way.<br><br>

They react strongly to sudden movement, fresh blood, loud sound, bright light and the

smell of living bodies in enclosed spaces. Feeding is driven by the parasite’s need for biomass

and new hosts — biting is transmission.<br><br>

<strong>Fresh</strong> — recently turned, fast, strong, still intact. Deadliest

indoors.<br>

<strong>Starved</strong> — older, gaunt, patient. Often remain still until a survivor

assumes they are dead.<br>

<strong>Nestbound</strong> — trapped for months or years in dark interiors, forming

dense clusters.<br>

<strong>Screamers</strong> — prolonged cries that draw every infected nearby.<br>

<strong>Animal carriers</strong> — dogs in packs, deer that lead danger to camps, rats

in food stores, livestock that destroy settlements.

</div>

<div class="box-header">Safe Zones & Law</div>

Safe zones are government-sanctioned containment settlements run by military

remnants, PMCs, municipal survivors or corporate security.<br><br>

Every resident is logged, photographed, medically screened, assigned labor and

monitored. Entry requires quarantine, blood testing and interrogation. A fever, suspicious wound

or unexplained absence can mean detention or execution.<br><br>

Work is mandatory. Rations, medicine and protection are earned. The elderly, injured,

undocumented and politically inconvenient are the first sent outside the walls.<br><br>

Concealing a bite is treated as a threat to the entire settlement. Some zones offer a

dignified final hour. Others simply drag the suspected outside.<br><br>

Officially humanitarian infrastructure. In practice, many are labor camps with floodlights.

The rules keep people alive. That does not make them humane.

</div>

<span class="site">≡ @rynnnx's WebSite . . .</span>

<span>Username:</span>

<span>Password:</span>

</div>

<span>Song Playing : tonight is the night i die</span>

<span>あっ、司、なんて偶然！君も桜を見に来たの？</span>

</div>

document.querySelectorAll('.tab').forEach(tab => {

tab.addEventListener('click', () => {

document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));

document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));

tab.classList.add('active');

document.getElementById(tab.dataset.tab).classList.add('active');

});

</script>

</body>

</html>